<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/employee.css"/>
        <style>
            .emp_table{
                margin-top: -30px !important;
            }
        </style>
    </head>

    <body>
        <f:view>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <a4j:form >
                <div class="content_detail">
                    <div class="list_item_user">
                        <div class="item_content" style="display: block">
                            <div class="infomation_form"> 
                                <div class="card_add">
                                    <h:outputLink rendered="#{n350Controller.add}"   value="editPersonal.jsp?action=add&fn100A=#{n350Controller.fn100}&page=#{n350Controller.pagereload}&height=300px&width=500px" styleClass="fancybox">
                                        <img src="../images/add_tab.png" alt="add" title="add" /> <h:outputText value="#{locale.person_info}"/>
                                    </h:outputLink>

                                </div>
                                <div class="item_work_content">
                                   <%--  <table class="emp_table">
                                        <a4j:repeat value="#{n350Controller.listN350N}" var="item">
                                            <tr>
                                                <td colspan="4"> &nbsp; </span> </td>

                                                <td >
                                                    <div class="emp_action">
                                                        <h:outputLink rendered="#{n350Controller.edit}"  value="editPersonal.jsp?action=edit&fn100E=#{n350Controller.fn100}&pn350E=#{item.PN350}&page=#{n350Controller.pagereload}&height=300px&width=500px" styleClass="fancybox">
                                                            <img src="../images/edit.png" alt="edit" title="edit"/>
                                                        </h:outputLink>
                                                        <h:outputLink rendered="#{n350Controller.delete}"  value="delete.jsp?id=#{item.PN350}&pn100C=#{n350Controller.fn100}&flag=N350&page=#{n350Controller.pagereload}&height=150px&width=300px" styleClass="fancybox">
                                                            <img src="../images/delete_1.png" alt="delete"  title="delete" />
                                                        </h:outputLink>
                                                    </div>   
                                                </td>
                                            </tr>
                                            <tr>
                                                <td > <span class="emp_lbl1"><h:outputText value="#{item.demo}:" /> </span> </td><td> <span class="emp_info1"><h:outputText value="#{item.nv351}"/> </span></td>
                                                <td><span class="emp_lbl1"> <h:outputText value="#{locale.date_of_issue}:" /> </span></td><td><span class="emp_info3"> <h:outputText value="#{item.nd352}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText></span></td>

                                                    <td>&nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td > <span class="emp_lbl1"><h:outputText value="#{locale.place_of_issue}:" /> </span></td><td><span class="emp_info1"><h:outputText value="#{item.nv354}"/></span></td>
                                                <td> <span class="emp_lbl1"> <h:outputText value="#{locale.closing_date}: " /> </span></td><td><span class="emp_info3"><h:outputText value="#{item.nd353}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText> </span></td>
                                                    <td>&nbsp;</td>
                                                </tr>

                                                <tr>
                                                    <td colspan="5" ><div class="emp_span">&nbsp;</div></td>
                                                </tr>

                                        </a4j:repeat> 
                                    </table>
                                    <h:inputHidden value="#{n350Controller.pagereload}" id="pagereload"/>
                                    <h:inputHidden value="#{n350Controller.pn350}" id="pn350"/>
                                    <h:inputHidden value="#{n350Controller.fn100}" id="fn100"/>
                                </div>
                                   --%>
                                
                                                                <rich:dataTable value="#{n350Controller.listN350N}" var="item"
                                                                                rendered="#{!empty n350Controller.listN350N}"
                                                                                rows="50"
                                                                                onRowMouseOver="this.style.backgroundColor='#DEE1E2'"
                                                                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                                                                style=" margin-left:10px;width:98%"
                                                                                width="94%" rowKeyVar="index"
                                                                                id="table" >

                                    <rich:column style="width:3%;">
                                        <f:facet name="header">
                                            <h:outputText value="#{locale.num1}" />
                                        </f:facet>
                                        <div style="width:25px; text-align: center">
                                            <h:outputText value="#{index+1}" />

                                        </div>
                                    </rich:column>
                                    <rich:column style="width:10%;">
                                        <f:facet name="header">
                                            <h:outputText value="#{locale.papers}" />
                                        </f:facet>
                                        <div style="width:100px; text-align: center">

                                            <h:outputText value="#{item.demo}" />

                                        </div>
                                    </rich:column>

                                    <rich:column width="10%" >
                                        <f:facet name="header">
                                            <h:outputText value="#{locale.number}" />
                                        </f:facet>

                                        <div style="width:180px; text-align: center">
                                            <h:outputText value="#{item.nv351}" />
                                        </div>
                                    </rich:column>


                                    <rich:column  width="10%">
                                        <f:facet name="header">
                                            <h:outputText value="#{locale.date_of_issue}" />
                                        </f:facet>

                                        <div style="width:100px; text-align: center">
                                            <h:outputText value="#{item.nd352}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                            </div>
                                    </rich:column>
                                    <rich:column  width="10%">
                                        <f:facet name="header">
                                            <h:outputText value="#{locale.closing_date}" />
                                        </f:facet>

                                        <div style="width:100px; text-align: center">
                                            <h:outputText value="#{item.nd353}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                            </div>
                                    </rich:column>
                                    <rich:column  width="40%" >
                                        <f:facet name="header">
                                            <h:outputText value="#{locale.place_of_issue}"  style="float: left" />
                                        </f:facet>

                                        <div style="width:200px; text-align: left">
                                            <h:outputText value="#{item.nv354}"></h:outputText>
                                            </div>
                                    </rich:column>

                                    <rich:column style="width:10%;">
                                        <f:facet name="header">
                                            <h:outputText value="" />
                                        </f:facet>
                                        <div style="width:35px; text-align: center">
                                            <h:outputLink rendered="#{n350Controller.edit}"  value="editPersonal.jsp?action=edit&fn100E=#{n350Controller.fn100}&pn350E=#{item.PN350}&page=#{n350Controller.pagereload}&height=300px&width=500px" styleClass="fancybox">
                                                <img src="../images/edit.png" alt="edit" title="edit"/>
                                            </h:outputLink>
                                            <h:outputLink rendered="#{n350Controller.delete}"  value="delete.jsp?id=#{item.PN350}&pn100C=#{n350Controller.fn100}&flag=N350&page=#{n350Controller.pagereload}&height=150px&width=300px" styleClass="fancybox">
                                                <img src="../images/delete_1.png" alt="delete"  title="delete" />
                                            </h:outputLink>
                                        </div>
                                    </rich:column>
                                </rich:dataTable>
                               

                            </div>
                        </div>
                    </div>
                </div>

            </a4j:form>
        </f:view>
    </body>
</html>